<template>
    <div class="headr">
    <div class="title">
     <div class="logo"><img src="../../images/logo.png" /></div>
     <div class="left">
      <span class="logo1">北京恩讯舆情监测系统</span><br />
      <span class="logo2">BeijingEnxun's Public Opinion Monitoring System</span>
     </div>
     <div class="right">
      <div class="d1">全网免费咨询热线：<span>4008-365-895</span> 丨 申请试用丨 收藏本站 丨</div>
      <div class="qe"><img src="../../images/qq.png" /></div>
      <div class="jt">欢迎东方剪报用户<img src="../../images/jiantou.png" />
        <div class="hy">
          <ul>
           <li>个人信息</li>
           <li>修改密码</li>
           <li>退出</li>
          </ul>
        </div>
      </div>
     </div>
    </div>
    <div class="zdh" id="zdh">
        <ul class="dhwz">
          <router-link :to="{name:'index'}">
            <li :class="{dhwz1:isActive1, dhwz2:isActive}" >首页</li>
          </router-link>
          <router-link :to="{name:'yqjc'}">
            <li>舆情监测</li>
          </router-link>
          <router-link :to="{name:'yqyj'}">
            <li>舆情预警</li>
          </router-link>
          <router-link :to="{name:'yqfx'}">
            <li>舆情分析</li>
          </router-link>
          <router-link :to="{name:'xq'}">
            <li>舆情搜索</li>
          </router-link>
          <router-link :to="{name:'yqbg'}">
            <li>舆情报告</li>
          </router-link>
          <router-link :to="{name:'cysz'}">
            <li>设置</li>
          </router-link>
        </ul>
        </div>
    </div>
</template>
<script>
export default {
  data(){
    return{
      isActive1:true,
      isActive:false
    }
  },
  methods:{
      
  }
}
</script>
<style scoped>
  .dhwz1{
    width:150px;
    height:50px;
    background: #bf0600;
  }
  .dhwz2{
    width:150px;
    height:50px;
    background: yellow;
  }
	@import url('./header.css');
</style>


